<template>
  <div class="about">
    <div class="damai">
      <ul>
        <li><a href=""><img src="../assets/1.png" width="92px"></a></li>
        <li><i class="el-icon-location-outline"><a href="">全国</a></i></li>
        <li><a href="">首页</a></li>
        <li><a href="">分类</a></li>
        <input type="text" placeholder="搜索明星，演出，体育赛事" ><button>搜索</button>
        <li><i class="el-icon-user"><a href="">登录</a></i></li>
        <li><i class="el-icon-mobile-phone"><a href="">下载</a></i></li>
        <li><i class="el-icon-location-outline"><a href="">English</a></i></li>
      </ul>
    </div>
      <div class="lunbo">
      <el-carousel height="320px">
    <el-carousel-item v-for="item in 1" :key="item">
      <img src="../assets/2.png" alt="">
    </el-carousel-item>
  </el-carousel>
      </div>
<div class="ych">
<el-container>
<el-main> 
      <el-row class="daohanglan">
  <el-col :span="2"><i class="el-icon-picture-outline"></i><a href="">演唱会</a></el-col>
  <el-col :span="2"><i class="el-icon-picture-outline"></i><a href="">话剧歌剧</a></el-col>
  <el-col :span="2"><i class="el-icon-picture-outline"></i><a href="">体育</a></el-col>
  <el-col :span="2"><i class="el-icon-picture-outline"></i><a href="">儿童亲子</a></el-col>
  <el-col :span="2"><i class="el-icon-picture-outline"></i><a href="">展览休闲</a></el-col>
  <el-col :span="2"><i class="el-icon-picture-outline"></i><a href="">音乐会</a></el-col>
  <el-col :span="2"><i class="el-icon-picture-outline"></i><a href="">曲苑杂坛</a></el-col>
  <el-col :span="2"><i class="el-icon-picture-outline"></i><a href="">芭蕾舞蹈</a></el-col>
  <el-col :span="2"><i class="el-icon-picture-outline"></i><a href="">二次元</a></el-col>
  <el-col :span="2"><i class="el-icon-picture-outline"></i><a href="">旅游展览</a></el-col>
</el-row>

      
<el-row >
  <p class="ych0">演唱会<span class="ckqb">查看全部</span></p>
  <el-col :span="6"><img src="../assets/3.jpg" alt="" class="ych1"></el-col>
  <el-col :span="18">
    <el-row >
      <el-col :span="4"><img src="../assets/4.png" alt="" class="ych2"></el-col>
      <el-col :span="4"><a href="" class="didian">2020上海简单生活节</a><br/><a href="" class="didian1">上海港国际客运中心国际邮轮码头</a><br/><a href="" class="didian1">2020.10.17-10.18</a><br/><a href="" class="jiage">￥350起</a></el-col>
      <el-col :span="4"><img src="../assets/5.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">2020星巢音乐节-南京站</a><br/><a href="" class="didian1">南京达摩古洞景区</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥380起</a></el-col>
      <el-col :span="4"><img src="../assets/6.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">2020不止西湖音乐节</a><br/><a href="" class="didian1">杭州太子湾公园</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥290起</a></el-col>
    </el-row>

<el-row class="ych">
      <el-col :span="4"><img src="../assets/7.png" alt="" class="ych2"></el-col>
      <el-col :span="4"><a href="" class="didian">2020慈溪氧气森林音乐节</a><br/><a href="" class="didian1">慈溪森林公园(南门)</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥199起</a></el-col>
      <el-col :span="4"><img src="../assets/8.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">莫干山奇幻音乐节刺猬现场</a><br/><a href="" class="didian1">上渚山奇幻谷</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥298起</a></el-col>
      <el-col :span="4"><img src="../assets/9.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">聊城甲虫音乐节</a><br/><a href="" class="didian1">堂邑派出所对面广场</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥280起</a></el-col>
    </el-row>
  </el-col>
</el-row>

<el-row >
  <p class="ych0">话剧歌剧<span class="ckqb">查看全部</span></p>
  <el-col :span="6"><img src="../assets/10.png" alt="" class="ych1"></el-col>
  <el-col :span="18">
    <el-row >
      <el-col :span="4"><img src="../assets/11.png" alt="" class="ych2"></el-col>
      <el-col :span="4"><a href="" class="didian">开心麻花爆笑舞台剧《祸到付款》</a><br/><a href="" class="didian1">地质礼堂剧场</a><br/><a href="" class="didian1">2020.10.17-10.18</a><br/><a href="" class="jiage">￥80起</a></el-col>
      <el-col :span="4"><img src="../assets/12.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">开心麻花首部悬疑惊悚喜剧《醉后赢家》</a><br/><a href="" class="didian1">地质礼堂剧场</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥80起</a></el-col>
      <el-col :span="4"><img src="../assets/13.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">开心麻花(龙岗)惠民演出</a><br/><a href="" class="didian1">龙岗文化中心大剧院</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥38起</a></el-col>
    </el-row>

<el-row class="ych">
      <el-col :span="4"><img src="../assets/14.png" alt="" class="ych2"></el-col>
      <el-col :span="4"><a href="" class="didian">原创音乐剧《我知道你会来，所以我等》</a><br/><a href="" class="didian1">天桥剧场</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥180起</a></el-col>
      <el-col :span="4"><img src="../assets/15.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">聚橙制作|百老汇爱情音乐轻喜剧</a><br/><a href="" class="didian1">世纪剧院</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥100起</a></el-col>
      <el-col :span="4"><img src="../assets/16.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">开心麻花2020奇幻爆笑贺岁舞台剧</a><br/><a href="" class="didian1">世纪剧院</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥80起</a></el-col>
    </el-row>
  </el-col>
</el-row>

<el-row >
  <p class="ych0">体育比赛<span class="ckqb">查看全部</span></p>
  <el-col :span="6"><img src="../assets/17.png" alt="" class="ych1"></el-col>
  <el-col :span="18">
    <el-row >
      <el-col :span="4"><img src="../assets/18.png" alt="" class="ych2"></el-col>
      <el-col :span="4"><a href="" class="didian">山东鲁能泰山VS北京中赫国安</a><br/><a href="" class="didian1">苏州市体育中心体育场</a><br/><a href="" class="didian1">2020.10.17-10.18</a><br/><a href="" class="jiage">￥100起</a></el-col>
      <el-col :span="4"><img src="../assets/19.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">2020少年强成都小勇士体能挑战赛</a><br/><a href="" class="didian1">新津 版主林</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥299起</a></el-col>
      <el-col :span="4"><img src="../assets/20.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">2020 FORMULA1中国大奖赛</a><br/><a href="" class="didian1">上汽国际赛车场(上海国际赛车场)</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥120起</a></el-col>
    </el-row>

<el-row class="ych">
      <el-col :span="4"><img src="../assets/21.png" alt="" class="ych2"></el-col>
      <el-col :span="4"><a href="" class="didian">2020 ChinaJoy 电竞赛事荟萃</a><br/><a href="" class="didian1">请到大麦APP和优酷APP观看</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥0起</a></el-col>
      <el-col :span="4"><img src="../assets/22.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">亚视杯世界综合格斗冠军赛</a><br/><a href="" class="didian1">澳门威尼斯人金光综艺馆</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥608起</a></el-col>
      <el-col :span="4"><img src="../assets/23.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">2020 FORMULA1 中国大奖赛</a><br/><a href="" class="didian1">上汽国际赛车场(上海国际赛车场)</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥35起</a></el-col>
    </el-row>
  </el-col>
</el-row>

<el-row >
  <p class="ych0">儿童亲子<span class="ckqb">查看全部</span></p>
  <el-col :span="6"><img src="../assets/24.png" alt="" class="ych1"></el-col>
  <el-col :span="18">
    <el-row >
      <el-col :span="4"><img src="../assets/25.png" alt="" class="ych2"></el-col>
      <el-col :span="4"><a href="" class="didian">开心麻花儿童剧团组合家欢舞台剧</a><br/><a href="" class="didian1">未来剧场</a><br/><a href="" class="didian1">2020.10.17-10.18</a><br/><a href="" class="jiage">￥100起</a></el-col>
      <el-col :span="4"><img src="../assets/26.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">正版授权大型实景舞台剧《奥特曼》</a><br/><a href="" class="didian1">天津大礼堂大剧场</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥100起</a></el-col>
      <el-col :span="4"><img src="../assets/27.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">国庆带娃好去处 超级飞侠3D全息亲子</a><br/><a href="" class="didian1">合生汇5F</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥99起</a></el-col>
    </el-row>

<el-row class="ych">
      <el-col :span="4"><img src="../assets/28.png" alt="" class="ych2"></el-col>
      <el-col :span="4"><a href="" class="didian">加拿大原版音乐启蒙全场互动亲子剧</a><br/><a href="" class="didian1">虹桥艺术中心</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥180起</a></el-col>
      <el-col :span="4"><img src="../assets/29.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">大船文化加拿大原版音乐启蒙全场互动</a><br/><a href="" class="didian1">中国大戏院</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥180起</a></el-col>
      <el-col :span="4"><img src="../assets/30.png" alt="" class="ych2"></el-col>
       <el-col :span="4"><a href="" class="didian">大船文化德国原版绘本启蒙交响音乐会</a><br/><a href="" class="didian1">国土艺术中心</a><br/><a href="" class="didian1">2020.10.17-10.18</a><a href="" class="jiage">￥180起</a></el-col>
    </el-row>
  </el-col>
</el-row>

</el-main>
</el-container>
</div>
<div id="dibu">
 <div class="dibu">
   <ul>
   <li><a href="">帮助中心</a></li>|
    <li><a href="">公司介绍</a></li>|
   <li><a href="">品牌识别</a></li>|
   <li> <a href="">公司大事记</a></li>|
   <li> <a href="">协议及隐私权政权</a></li>|
    <li><a href="">廉正举报</a></li>|
    <li><a href="">联系合作</a></li>|
    <li><a href="">招聘信息</a></li>|
   <li><a href="">防骗秘籍</a></li>
  </ul>
 </div>
 <img src="../assets/31.png" alt="" width="167px" height="60px" class="tp1"><img src="../assets/32.jpg" alt="" width="87px" height="87px" class="tp2">
  <el-button type="danger" round style="float: left;margin-left:90px;">在线客服</el-button>
  <div class="dbwz">
  <ul>
   <li><a href="">京ICP证031057号</a></li>|
    <li><a href="">京ICP备11043884号</a></li>|
   <li><a href="">京公网安备11010502037341号</a></li>|
   <li> <a href="">广播电视节目制作经营许可证(京)字第02253号</a></li>
   <li> <a href="">网络文化经营许可证 京网文[2019]4082-420号</a></li>|
    <li><a href="">营业性演出许可证京市演587号</a></li>
  </ul>
</div>
  <p style="font-size:13px">北京红马传媒文化发展有限公司 版权所有大麦网Copyright 2003-2020 All Rights Reserved<br/>
举报投诉：damai_tousu@member.alibaba.com 浙江省杭州市余杭区文一西路969号<br/>
违法不良信息举报电话：020-62108294</p>

 <div class="diceng"><img src="../assets/33.png" alt="" width="122px" height="30px"><img src="../assets/34.png" alt="" width="49px" height="30px"></div>
  </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
    }
  }
}
</script>

<style>
.damai{
  border:0px solid red;
  width: 100%;
  height: 72px;
}
.damai input{
  width: 300px;
  height: 29px;
   border-radius:20px 0px 0px 20px;
}
.damai button{
  width: 60px;
  height: 35px;
  border-radius:0px 20px 20px 0px;
  color: #f8f8f8;
  background:  #ff1268;
}
.damai ul li{
  list-style: none;
  display: inline-block;
  padding: 30px;
  margin-top: -50px;
}
.lunbo{
  text-align: center;
}
.ych2{
  width: 118px;
  height: 158px;
}
.ych{
  margin-top: 42px;
}
.ych1{
  width: 272px;
  height: 365px;
}
h2{
  font-size: 24px;
  font-weight: 400;
}
.ckqb{
  font-size: 14px;
  color: #9B9B9B;
  float: right;
}
a{
  text-decoration: none;
}
.ych0{
  font-size: 24px;
  margin-left: -1200px;
}
.didian{
  font-size: 14px;
  color:#4A4A4A;
}
.didian1{
  font-size: 12px;
  color: #9B9B9B;
}
.jiage{
  color: #FF1268;
  font-size: 15px;
  display: block;
  margin-top: 80px;
}
.daohanglan a{
  color: black;
}
.daohanglan{
  margin-left: 120px;
}
a:hover{
  color: #FF1268;
}
.dibu a{
  color: #4A4A4A;
  font-size: 13px;
}
.dibu ul li{
  list-style: none;
  display: inline-block;
  padding: 30px;
}
.dibu a:hover{
  color: #FF1268;
}
#dibu{
  width:100%;
  height: 349px;
  border: 1px solid #f8f8f8;
  background: #f8f8f8;
}
.tp1,.tp2{
  float: left;
  margin-left: 90px;
}
.dbwz ul li{
    list-style: none;
  display: inline-block;
}
.dbwz a{
  font-size: 13px;
  color: #111111;
}
.diceng{
  margin-left: 300px;
}
</style>>

